﻿#container
{
    position: relative;
    float: left;
    width: 100%;
}

#center
{
    padding: 10px; /* CC padding */
    width: 1000px;
    border: 1px solid #66B3FF;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#left
{
    width: 210px; /* LC width */
    padding: 0 10px; /* LC padding */
    right: 240px; /* LC fullwidth + CC padding */
    margin-left: -100%;
}

#right
{
    width: 130px; /* RC width */
    padding: 0 10px; /* RC padding */
    margin-right: -100%;
}


/* GENERAL */

body
{
    background: #ffffff;
    color: #000000;
    font-size: 13px;
    font-family: calibri,verdana,arial,helvetica,sans-serif;
    margin: 0 auto;
}

img
{
    border-style: none;
    vertical-align: middle;
}

img.toggle
{
    cursor: pointer;
}

select, textarea
{
    background: #ffffff;
    color: #000000;
    font-size: 13px;
    font-family: calibri;
    border: 1px solid #B8B8B8;
    padding: 2px;
}

input
{
    /*  background: #ffffff;  */
    color: #000000;
    font-size: 13px;
    font-family: calibri;
    padding: 2px;
}

select.listbox
{
    width: 250px;
}


h1
{
    font-size: 24px;
    text-align: center;
    font-family: 黑体;
    color: #003858;
}

h2
{
    font-size: 18px;
    text-align: left;
    font-family: calibri;
    color: #444444;
    font-weight: 700;
}

h3
{
    text-decoration: underline;
    font-size: 13px;
    font-family: calibri;
    color: #fff;
    margin: 0;
}

#calendar
{
    float: right;
}

/* FUN@WORK */

.gallery
{
    font-family: calibri;
    font-size: 13px;
    text-align: left;
}

table.galleryTitle
{
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: bottom;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    font-weight: bold;
}

table.galleryTitle td.link
{
    color: #0C4B9D;
    font-size: 13px;
    font-weight: normal;
    font-family: Calibri;
}

h2.gallery
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}

h2.galleryDetail
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}

span.textHeader
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

span.pagination
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #0C4B9D;
    font-size: 13px;
    font-weight: normal;
}

table.galleryHeader
{
    background-color: #EEEEEE;
    border: 1px solid #B8B8B8;
    padding: 3px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    color: #000000;
    font-family: calibri;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    width: 98%;
}

table.galleryHeader td.link
{
    color: #0C4B9D;
    font-size: 13px;
    font-weight: normal;
    font-family: Calibri;
}

table.photoAlbum, table.thumbnail, table.photo, table.contextSharing
{
    border: 0;
    border-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
}

table.contextSharing td
{
    color: #000000;
    padding: 3px;
    border-top: 1px solid #E2E2E2;
}

table.contextSharing th
{
    color: #000000;
    padding: 3px;
    font-weight: normal;
}

table.galleryForm td
{
    color: #000000;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

td.photoAlbumCount
{
    color: #000000;
}

td.photoAlbumContext
{
    color: #000000;
}

.albumdesc
{
    color: #000000;
    font-family: calibri;
    font-size: 13px;
    text-decoration: none;
}

a.photoAlbum, a.photoAlbum :visited, a.photoAlbum :hover, a.photoAlbum :visited:hover
{
    text-decoration: none;
    color: #fff;
}

a.photoAlbumTitle, a.photoAlbumTitle :visited
{
    font-weight: bold;
    color: #0C4B9D;
    text-decoration: none;
}

a.photoAlbumTitle:hover, a.photoAlbumTitle :visited:hover
{
    font-weight: bold;
    color: #C00000;
    text-decoration: underline;
}

a.thumbnail, a.thumbnail :visited, a.thumbnail :hover, a.thumbnail :visited:hover
{
    text-decoration: none;
    color: #fff;
}

a.galleryDetail, a.galleryDetail :visited
{
    color: #0C4B9D;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    font-family: calibri;
}

a.galleryDetail:hover, a.galleryDetail :visited:hover
{
    color: #C00000;
    text-decoration: underline;
}

a.galleryDetailOfpagination, a.galleryDetailOfpagination :visited
{
    color: #0C4B9D;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    font-family: calibri;
}

a.galleryDetailOfpagination:hover, a.galleryDetailOfpagination :visited:hover
{
    color: #C00000;
    text-decoration: underline;
}



a.photo, a.photo :visited, a.photo :hover, a.photo :visited:hover
{
    text-decoration: none;
    color: #fff;
}

.photoPost
{
    text-align: left;
    font-size: 13px;
    font-family: calibri;
    color: #000000;
    background: #EEEEEE;
    margin: 3px 3px 3px 3px;
    padding: 2px 2px 2px 4px;
    overflow: auto;
}

.photoPost a, .photoPost a:visited
{
    color: #0C4B9D;
    text-decoration: none;
}

.photoPost a:hover
{
    text-decoration: underline;
}

.photoPost img
{
    margin: 5px 5px 5px 5px;
}

input.button
{
    width: 100px;
    font-family: calibri;
}

span.mandatory
{
    color: red;
}

/* FUN@WORK - MEDIA SLIDESHOW */
body.slideshow
{
    background: #111111;
    color: #ffffff;
    font-size: 13px;
    font-family: calibri;
    margin: 0 auto;
}

.slideshow
{
    background: #111111;
    color: #ffffff;
    font-size: 13px;
    font-family: calibri;
    margin: 0 auto;
}
.gallerySlideshow
{
    font-family: calibri;
    font-size: 13px;
    text-align: left;
}

table.galleryTitleSlideshow
{
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

h2.gallerySlideshow
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
}

h2.galleryDetailSlideshow
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
}

span.textHeaderSlideshow
{
    margin: 0;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

/* MAIN TABLE */
table.main
{
    width: 100%;
}

table.popup
{
    width: 600px;
}

/* CALENDAR TABLE */
table.calendarTable
{
    text-align: left;
    border-spacing: 0px;
    border: 1px solid #B8B8B8;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 7px;
    margin-left: 7px;
}

table.calendarTable th.title
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    border-bottom: 1px solid #B8B8B8;
    padding: 7px;
    font-size: 17px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

table.navigation
{
    border-spacing: 0px;
    width: 100%;
    border-bottom: 1px solid #B8B8B8;
}

table.navigation td.previousMonth
{
    padding: 3px;
    text-align: center;
    cursor: pointer;
    color: #0C4B9D;
    font-size: 14px;
}

table.navigation td.currentMonthYear
{
    border-bottom: 1px solid #B8B8B8;
    padding: 3px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

table.navigation td.goToToday
{
    padding: 3px;
    text-align: center;
}

table.navigation td.nextMonth
{
    padding: 3px;
    text-align: center;
    cursor: pointer;
    color: #0C4B9D;
    font-size: 14px;
}

table.calendarTable th.day
{
    padding: 3px;
    text-align: center;
}

table.calendarTable th.selectMonthYear
{
    border-top: 1px solid #B8B8B8;
    padding: 6px;
    text-align: center;
}

table.calendarTable td
{
    padding: 3px;
    text-align: center;
    color: #0C4B9D;
}

table.calendarTable td.today
{
    background-color: #EEEEEE;
    cursor: pointer;
}

table.calendarTable td.otherday
{
    background-color: #FFFFFF;
    cursor: pointer;
}

table.calendarTable td.otherdayHover
{
    background-color: #EEEEEE;
    cursor: pointer;
}

/* LEFT MENU */
table.leftmenu
{
    text-align: left;
    border-spacing: 0px;
    border: 1px solid #B8B8B8;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 7px;
    margin-left: 7px;
    font-family: Calibri;
    font-size: 13px;
}

table.leftmenu th
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    border-bottom: 1px solid #B8B8B8;
    padding: 7px;
    color: #000000;
    font-size: 17px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    font-family: Calibri;
}

table.leftmenu th.title
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    padding: 7px;
    color: #000000;
    font-size: 17px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    font-family: Calibri;
}

table.leftmenu th.link
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    padding: 7px;
    color: #000000;
    font-size: 17px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    font-family: Calibri;
}

table.leftmenu td.emptyspace
{
    font-size: 1px;
}

table.leftmenu td.confirmation
{
    color: #000000;
    padding: 10px;
}

table.leftmenu td.button
{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}

a.leftmenu, a.leftmenu :visited
{
    display: block;
    text-decoration: none;
    color: #0C4B9D;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Calibri;
    font-size: 13px;
    color:#0c4b9d;
}

a.leftmenu:hover, a.leftmenu :visited:hover
{
    display: block;
    text-decoration: none;
    color: #0C4B9D;
    background-color: #EEEEEE;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    font-family: Calibri;
    font-size: 13px;
    color:#0c4b9d;
}

a.leftmenuSelected, a.leftmenuSelected :visited, a.leftmenuSelected:hover, a.leftmenuSelected :visited:hover
{
    display: block;
    text-decoration: none;
    color: #0C4B9D;
    background-color: #EEEEEE;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    font-family: Calibri;
    font-size: 13px;
    color:#0c4b9d;
}

a.leftmenuLink, a.leftmenuLink :visited
{
    text-decoration: none;
    color: #0C4B9D;
    font-weight: normal;
}

a.leftmenuLink:hover, a.leftmenuLink :visited:hover
{
    color: #C00000;
    text-decoration: underline;
}

/* CENTER TABLE */
table.content
{
    border: 1px solid #B8B8B8;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 7px;
    margin-left: 7px;
}

table.publicsite
{
    margin-top: 7px;
}

table.mohipedia
{
    margin-top: 7px;
}

table.title
{
    padding-left: 5px;
    padding-right: 5px;
}

table.paragraph
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
}

h2.title
{
    margin: 0;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}

a.link, a.link :visited
{
    color: #0C4B9D;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    font-family: calibri;
}

a.link:hover, a.link :visited:hover
{
    color: #C00000;
    text-decoration: underline;
}

a.linkTitle, a.linkTitle :visited
{
    color: #0C4B9D;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    font-family: calibri;
    text-decoration: none;
}

a.linkTitle:hover, a.linkTitle :visited:hover
{
    color: #C00000;
    text-decoration: underline;
}

a.gridLogo, a.gridLogo :visited
{
    display: block;
    color: #0C4B9D;
    text-decoration: none;
    font-weight: normal;
    padding: 15px;
    border: 1px solid #B8B8B8;
}

a.gridLogo:hover, a.gridLogo :visited:hover
{
    color: #0C4B9D;
    background-color: #EEEEEE;
}

a.gridText, a.gridText :visited
{
    display: block;
    color: #0C4B9D;
    text-decoration: none;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #B8B8B8;
    font-family: Calibri;
    font-size: 13px;    
}

a.gridText:hover, a.gridText :visited:hover
{
    color: #0C4B9D;
    background-color: #EEEEEE;
    font-family: Calibri;
    font-size: 13px;
}

table.list
{
    border-spacing: 0px 0px;
    padding: 10px;
}

table.list th
{
    border-bottom: 2px solid #B8B8B8;
    padding: 5px 5px 5px 0px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    font-family: Calibri;
    font-size: 13px;
}

table.list th.HeaderStyleCenter
{
    text-align:center;
}

table.list td
{
    vertical-align: top;
    padding-bottom: 10px;
    border-top: 1px solid #EEEEEE;
    font-family: Calibri;
    font-size: 13px;
}

table.list td.important
{
    color: #FF0000;
    font-weight: bold;
}

table.list tr.myself
{
    font-weight: bold;
}

table.list td.section
{
    background-color: #EEEEEE;
    border: 1px solid #B8B8B8;
    font-weight: bold;
    padding: 5px;
    font-family: Calibri;
    font-size: 13px;
}

table.list td.subsection
{
    font-weight: bold;
}

table.list td.item
{
    vertical-align: top;
    padding-bottom: 5px;
    border-bottom: 1px solid #B8B8B8;
}

table.form
{
    text-align: left;
    border-spacing: 10px 0px;
}

table.form th
{
    border-bottom: 2px solid #000000;
    padding: 5px 5px 5px 0px;
    vertical-align: top;
}

table.form td
{
    vertical-align: top;
    padding-left: 7px;
    padding-top: 5px;
    font-family:Calibri;
    font-size: 13px;
}

table.form td.important
{
    color: #FF0000;
    font-weight: bold;
}

table.form td.button
{
    padding-top: 10px;
    text-align: right;
}

table.form td.button input
{
    padding: 0px;
    margin: 2px;
}

table.form td.nopaddingleft /* Set textbox's padding left = 0 */
{
    padding-left: 2px;
    vertical-align: top;
}

table.checkbox td /* Set checkbox's padding left = 0 */
{
    padding-left: 0px;
    padding-top: 0px;
    vertical-align: top;
}

table.grid
{
    border-spacing: 10px 0px;
}

table.grid td
{
    vertical-align: top;
    padding-top: 3px;
}

table.grid td.section
{
    background-color: #EEEEEE;
    border: 1px solid #B8B8B8;
    font-weight: bold;
    padding: 5px;
}

table.grid td.gridLogo
{
    text-align: center;
}

/* FANCY TABLE */
table.altrowstable {
	border:1px solid #B8B8B8;
	border-collapse: collapse;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: Calibri;
}

table.altrowstable th {
	padding: 8px;
	font-weight:bold;
	font-size: 13px;
	background-color:#CACACA;
	border-bottom:1px solid #B8B8B8;
	font-family: Calibri;
}

table.altrowstable td {
	padding: 8px;
	font-family: Calibri;
	font-size: 13px;
}

.oddrowcolor{
	background-color:#FFFFFF;
}

.evenrowcolor{
	background-color:#EEEEEE;
}

table.altrowstable td.button {
	padding: 8px;
	text-align: right;
	background-color:#FFFFFF;
}


table.altrowstablebc{
    border: 1px solid #B8B8B8;
    border-collapse: collapse;
    font-family: Calibri;
    padding-top:5px;
    vertical-align:top;
    border-spacing:10px 0px;
}
table.altrowstablebc th{
    padding-top:5px;
    padding-left:0px;
    padding-right:5px;
    padding-bottom:5px;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #000000;
    font-family: Calibri;
    border-spacing:10px 0px;
    vertical-align:top;
    text-align:left;
}
table.altrowstablebc td{
    padding-top: 8px;
    font-family: Calibri;
    font-size: 13px;
}
    
/* WEB PART */
table.webpart
{
    text-align: left;
    border-spacing: 0px;
    border: 1px solid #B8B8B8;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 7px;
    margin-left: 7px;
}

table.webpart th
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    border-bottom: 1px solid #B8B8B8;
    padding: 7px;
    color: #000000;
    font-size: 17px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}


table.webpart th.title
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    padding: 7px;
    color: #000000;
    font-size: 14px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}

table.webpart th.link
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    padding: 7px;
    color: #000000;
    font-size: 15px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    font-weight: normal;
    font-family: Calibri;
}

a.webpart, a.webpart :visited
{
    display: block;
    text-decoration: none;
    color: #0C4B9D;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

a.webpart:hover, a.webpart :visited:hover
{
    display: block;
    text-decoration: none;
    color: #0C4B9D;
    background-color: #EEEEEE;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}

table.webpartContent
{
    font-size: 12px;
    font-weight: normal;
    font-family: calibri;
    padding-left: 5px;
    padding-top: 5px;
    background-color: #F6F6F6;
}

table.webpartContent th
{
    font-size: 13px;
   
    font-family: calibri;
    background: #ffffff;
    color: #000000;
    border-bottom: 0px solid #000000;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    background-color: #F6F6F6;
}

table.webpart .top
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/leftmenu_header.png) no-repeat scroll 0 0;
    border-bottom: 1px solid #B8B8B8;
    padding: 7px;
    color: #000000;
    font-size: 17px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    font-weight: normal;
    font-family: Calibri;
}

table.webpartContent .wh
{
    background-color:White;
    width:2px;
    padding:2px;
}

table.webpartContent th.list
{
    font-size: 13px;
    font-weight: bold;
    font-family: calibri;
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    background-color: #F2F2F2;
}

table.Content th
{
    font-size: 13px;
    font-weight: bold;
    font-family: calibri;
    background: #ffffff;
    color: #000000;
    border-bottom: #b8b8b8 2px solid;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-align: left;
}

table.Content td
{
    font-size: 13px;
    font-weight: normal;
    font-family: calibri;
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #EEEEEE;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* BOOKING */
span.confirmed
{
    color: #4CC552;
    font-weight: bold;
}

span.removed
{
    color: #FF0000;
    font-weight: bold;
}

span.waitingList
{
    color: #D4A017;
    font-weight: bold;
}

table.bookingLegend
{
    width: 97%;
    margin-left: 10px;
    border-spacing: 2px 2px;
}

table.bookingLegend td.notavailable
{
    background: white;
    border: 1px solid #000000;
    width: 20px;
}

table.bookingLegend td.available
{
    background: #EEEEEE;
    border: 1px solid #000000;
    width: 20px;
}

table.bookingLegend td.reserved
{
    background: #4CC552;
    border: 1px solid #000000;
    width: 20px;
}

table.bookingLegend td.waitinglist
{
    background: #D4A017;
    border: 1px solid #000000;
    width: 20px;
}

table.booking
{
    width: 97%;
    margin-left: 10px;
    border-spacing: 2px 2px;
}

table.booking th
{
    border-bottom: 2px solid #000000;
    padding: 0px 0px 5px 0px;
    vertical-align: bottom;
    font-weight: normal;
    text-align: center;
}

table.booking th.corner
{
    border-bottom: 0px solid #000000;
    padding: 0px 0px 5px 0px;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

table.booking th.facility
{
    border-right: 2px solid #000000;
    border-bottom: 0px solid #000000;
    padding: 0px 5px 5px 0px;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

table.booking td
{
    background: #FFFFFF;
}

table.booking td.available
{
    background: #EEEEEE;
    cursor: pointer;
}

table.slot
{
    width: 100%;
    height: 31px;
    border-spacing: 0px;
}

table.slot td
{
    background: #FFFFFF;
}

table.slot td.available
{
    background: #EEEEEE;
    cursor: pointer;
}

table.slot td.bookedStart
{
    background: #4CC552;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

table.slot td.bookedMiddle
{
    background: #4CC552;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

table.slot td.bookedEnd
{
    background: #4CC552;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

table.slot td.bookedStartWaitingList
{
    background: #D4A017;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

table.slot td.bookedMiddleWaitingList
{
    background: #D4A017;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

table.slot td.bookedEndWaitingList
{
    background: #D4A017;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: default;
}

/* STAFF PROFILE */
table.profile
{
    text-align: left;
    border-spacing: 10px 0;
    padding-bottom: 10px;
    width: 100%;
}

table.profile td
{
    vertical-align: top;
    color: #000000;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Calibri;
    font-size: 13px;
    
}

table.profile td.section
{
    background-color: #EEEEEE;
    border: 1px solid #B8B8B8;
    font-weight: bold;
    padding: 5px;
}

table.profileDivision
{
    text-align: left;
    font-family: calibri;
    font-size: 13px;
}

table.profileDivision th
{
    vertical-align: top;
    border-bottom: 2px solid #000000;
    padding: 5px 5px 5px 0px;
    font-family: calibri;
    font-size: 13px;
}

table.profileDivision td
{
    vertical-align: top;
    color: #000000;
    padding-left: 0px;
    padding-top: 5px;
    font-family: calibri;
    font-size: 13px;
}

/********************************************************************************************************************/
html, body
{
    font-family: Calibri;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 13px;
}
.Default_link:link, .Default_link:visited
{
    color: #0C4B9D;
    text-decoration: none;
}
.Default_link:hover, .Default_link:active
{
    color: #c00000;
    text-decoration: underline;
}

.red_link:link, .red_link:visited
{
    color: #0C4B9D;
    text-decoration: none;
}
.red_link:hover, .red_link:active
{
    color: #c00000;
    text-decoration: underline;
}
/* header */
.header
{
    float: left;
    width: 100%;
    height: 100px;
}
.header_logo
{
    position: absolute;
    padding-left: 25px;
    float: left;
}
.header_right
{
    background: url(/_layouts/JM.JCY.Resource/images/header_right_bg.jpg) no-repeat right top;
    vertical-align: top;
}
.header_Welcome_link
{
    font-weight: bold;
    text-align: right;
    padding-top: 10px;
    padding-right: 25px;
    width: 170px;
}

.header_IFCDDA_link
{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
    width: 80px;
}
.header_IFCDDA_link a:link, .header_IFCDDA_link a:visited
{
    color: #000000;
    text-decoration: none;
}
.header_IFCDDA_link a:hover, .header_IFCDDA_link a:active
{
    color: #c00000;
    text-decoration: none;
}
/* main_menu */
.sub_menu_link:link, .sub_menu_link:visited
{
    display: block;
    color: #0C4B9D;
    text-decoration: none;
}
.sub_menu_link:hover, .sub_menu_link:active
{
    display: block;
    color: #0C4B9D;
    text-decoration: none;
}

.main_menu
{
    float: left;
    width: 100%;
    height: 41px;
    background: url( /_layouts/JM.JCY.Resource/images/main_menu_bg.jpg) repeat-x;
    display:inline;
}
.main_menu_td
{
    position: relative;
}
.mywork_sub_menu_div
{
    background: #FFFFFF;
    border: 1px solid #9E9AFF;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 0px;
    width: 210px;
    margin-top: 41px;
    visibility: hidden;
}
.mywork_sub_menu_datalist
{
    background: #FFFFFF;
    border: 1px solid #9E9AFF;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 0px;
    width: 210px;
    margin-top: 41px;
    display: none;
}
.mywork_sub_menu_td
{
    height: 24px;
    font-size: 11px;
    padding: 0px 10px;
}
.mywork_sub_menu_item
{
    height: 30px;
    font-size: 13px;
    padding: 0px 10px;
    border-bottom-width: 1px;
    border-bottom-color: #9E9AFF;
    border-bottom-style: solid;
}
.mywork_sub_menu_footer
{
    height: 28px;
    font-size: 13px;
    padding-right: 10px;
    
    text-align: right;
}

.mywork_sub_menu_td_section
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/sub_menu_header.png) no-repeat scroll 0 0;
    height: 24px;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 10px;
}
.mywork_sub_menu_item_section
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/sub_menu_header.png) no-repeat scroll 0 0;
    height: 24px;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 10px;
}
.mywork_sub_menu_td_highlighted
{
    background: #EEEEEE;
}
.mywork_sub_menu_line
{
    height: 1px;
    background: #9E9AFF;
    margin-left: 0px;
}

.mywork_sub_menu_ViewAll
{
    height: 40px;
    text-align: right;
    padding: 0px 10px;
}

.sub_menu_div
{
    position: absolute;
    z-index: 20;
    right: 0px;
    top: 0px;
    width: 265px;
    display: none;
}
.sub_menu_div2
{
    position: absolute;
    float: left;
    z-index: 20;
    right: -67px;
    top: 0px;
    width: 265px;
    display: none;
}
.sub_menu_div3
{
    position: absolute;
    float: left;
    z-index: 20;
    right: -134px;
    top: 0px;
    width: 265px;
    display: none;
}
.sub_menu_div4
{
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 0px;
    width: 265px;
    display: none;
}
.sub_menu_table_line
{
    border-right: 1px solid #9E9AFF;
    border-bottom: 1px solid #9E9AFF;
    border-left: 1px solid #9E9AFF;
    padding: 0px 0px;
}

.sub_menu_td_highlighted
{
    background: #EEEEEE;
    height: 24px;
    font-size: 11px;
    padding: 0px 10px;
}

.sub_menu_td
{
    background: #FFF;
    height: 100%;
    font-size: 11px;
    padding: 0px auto;
}

.sub_menu_td_notification_read
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9E9AFF;
    background: #FFF;
    height: 34px;
    font-size: 11px;
    padding: 0px 10px;
}

.sub_menu_td_notification_unread
{
    border-bottom: 1px solid #9E9AFF;
    background: #EEEEEE;
    height: 34px;
    font-size: 11px;
    padding: 0px 10px;
}

.sub_menu_td_header
{
    background: transparent url(/_layouts/JM.JCY.Resource/images/sub_menu_header.png) no-repeat scroll 0 0;
    height: 24px;
    font-size: 11px;
    padding: 0px 10px;
    font-weight: bold;
    border-bottom: 1px solid #9E9AFF;
}

.sub_menu_td_line
{
    border-bottom: 1px solid #B8B8B8;
}
.sub_menu_ViewAll
{
    height: 40px;
    text-align: right;
    padding: 0px 10px;
}

.sub_menu_taskTask_ico
{
    position: relative;
    background: url(/_layouts/JM.JCY.Resource/images/main_menu_taskTask_S.jpg) no-repeat right top;
    height: 41px;
}
.sub_menu_taskTask_ico_number
{
    position: absolute;
    z-index: 21;
    right: 14px;
    top: 2px;
    width: 17px;
    height: 17px;
    font-size: 11px;
    color: #FFF;
    text-align: center;
}
.sub_menu_taskEvent_ico_number
{
    position: absolute;
    z-index: 21;
    right: 8px;
    top: 2px;
    width: 17px;
    height: 17px;
    font-size: 11px;
    color: #FFF;
    text-align: center;
}
.sub_menu_taskAlrt_ico
{
    position: relative;
    background: url(/_layouts/JM.JCY.Resource/images/main_menu_taskAlrt_S.jpg) no-repeat 131px top;
    height: 41px;
}
.sub_menu_taskEvent_ico
{
    position: relative;
    background: url(/_layouts/JM.JCY.Resource/images/main_menu_taskEvent_S.jpg) no-repeat 64px top;
    height: 41px;
}
.sub_menu_taskApps_ico
{
    position: relative;
    background: url(/_layouts/JM.JCY.Resource/images/main_menu_taskApps_S.jpg) no-repeat left top;
    height: 41px;
}
.imageBtn
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

/* Content */
.Content
{
    float: left;
    width: 100%;
}
.Content_left
{
    width: 202px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 10px;
    vertical-align: top;
}
.Content_left_box1_top
{
    background: url(/_layouts/JM.JCY.Resource/images/Content_left_box1_top.jpg) no-repeat;
    border-bottom: 1px solid #B8B8B8;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding: 7px;
}
.Content_left_box2_top
{
    background: url(/_layouts/JM.JCY.Resource/images/Content_left_box2_top.jpg) no-repeat;
    border-bottom: 1px solid #B8B8B8;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding: 7px;
}
.Content_left_box1_center
{
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 5px;
    color: #0c4b9d;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
}
.Content_left_box2_center
{
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 5px;
    color: #0c4b9d;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
}
.Content_left_box_bottom
{
    background: url(/_layouts/JM.JCY.Resource/images/Content_left_box_bottom.jpg) no-repeat;
    width: 202px;
    height: 5px;
}
.Content_right
{
    padding-right: 8px;
    vertical-align: top;
}
.Content_right_search_table
{
}
.Content_right_search_bg
{
    background: url(/_layouts/JM.JCY.Resource/images/search_bg.jpg) repeat-x;
}
.Content_right_search
{
    width: 99%;
    border: 0px;
}

.box_top_left
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_top_left.jpg) no-repeat;
    width: 24px;
    height: 37px;
}
.box_top_center
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_top_center.jpg) repeat-x;
    height: 37px;
}
.box_top_right
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_top_right.jpg) no-repeat;
    width: 20px;
    height: 37px;
}
.box_center_left
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_center_left.jpg) repeat-y;
    width: 24px;
}
.box_center_center
{
}
.box_center_right
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_center_right.jpg) repeat-y;
    width: 20px;
}
.box_bottom_left
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_bottom_left.jpg) no-repeat;
    width: 24px;
    height: 17px;
}
.box_bottom_center
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_bottom_center.jpg) repeat-x;
    height: 17px;
}
.box_bottom_right
{
    background: url(/_layouts/JM.JCY.Resource/images/yellow_box_bottom_right.jpg) no-repeat;
    width: 20px;
    height: 17px;
}
.box_Content_title
{
    font-size: 13px;
    font-weight: bold;
}
.box_Content_table
{
    margin-top: 5px;
}

/* right tool bar - drop downs */

#leftToolBarHeader
{
    float:left ;
    list-style:none;
    display:inline;
    width:60%;
    text-align:left;
}

#rightToolBarHeader
{
    float:right ;
    list-style:none;
    display:inline;
    width:40%;
    text-align:right;
}

/* end */

/* foot */
.foot
{
    background: url(/_layouts/JM.JCY.Resource/images/foot_bg.jpg) repeat-x;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    font-size: 11px;
    width: 1280px;
}
/* end foot */


/* newsfeed */


#newsfeedWebPartContainer
{
    display: none;
}

/* newsfeed webpart width*/
#newsfeedContainer
{
	width: 450px;
	float: left;
}

/* newsfeed input textbox*/
.newsfeedInput
{
	width: 380px;
	padding: 3px;
	color: gray;
}

input[type="button"]:hover
{
	cursor: pointer;
}
/* newsfeed input textbox container*/
#newsfeedInputContainer 
{
	width: 450px;	
	padding: 3px;
	color: gray;
	font-family: Calibri;
	font-size: 13px;	
}

*:focus
{
    outline: none;    
}

/* newsfeed display container*/
.newsfeedPost
{
    width: 380px;
	padding: 5px;
	margin-bottom: 10px;
	background: white;
	color: #000000;
	float: left;
	padding: 5px 50px 5px 5px;
	margin-bottom: 10px;
	background: white;
	color: #000000;
	float: left;
}

hr 
{ 
    color: #B4C0CF;
    background-color: #B4C0CF; 
    border: 0px solid #B4C0CF; 
    height: 1px;
}

   .tdCommentWrite
    {
        vertical-align: top;
    }
    
    .commentArea
    {
        width:98%;
        margin-right:10px;
        margin-left: 6px;
        margin-top: 6px;
        border-width: 0px;
        border-style: solid;
        border-color: White;
    }
    
    .commentAreaBorder
    {
         border-width:1px;
         border-color:#E9C277;
         border-style:solid;
    }

.newsfeedPostImg
{
	float: left;	
	margin-right: 5px;
    height: 50px;
    width: 50px;
}


.newsfeedPostIcon
{
	float: right;
	text-indent: 0.5em;
	height: 15px;
	width: 15px;
}

.newsfeedPostContent
{
	color: #000000;
	padding-bottom: 4px;
	font-family:Calibri;
	font-size: 13px;
	word-wrap:break-word;
	word-break:break-all;
	display: table-cell;
}

.newsfeedPostFooter
{
    padding-top: 7px;    
}

.newsfeedPostContext, .newsfeedPostApplication, .newsfeedPostSharingOption
{
	float: right;
	text-indent: 0.1em;
	font-family:Calibri;
	font-size: 13px;
}

.feedCommentName_a
{
    padding-top: 3px;
    font-family:Calibri;
    font-size: 13px; 
}

.moreFeedComment
{
     cursor: pointer;
     color:#0072bc;
}

.newsfeedPostName
{
	font-weight: bold;
	padding-bottom: 5px;
	font-family:Calibri;
	font-size: 13px;
}

a.newsfeedPostName_a
{
	color: #0C4B9D;
	text-decoration: none;
	font-size: 13px;
	font-family:Calibri;
}

a:hover
{
	text-decoration: underline;
}

a.newsfeedPostName_a
{
	text-decoration: none;
	color: #0C4B9D;
	font-size: 13px;
	font-family:Calibri;
	}

span.comment, span.like, span.deleteFeedpost
{
    cursor: pointer;
    color: #6B84B4;
}

.timeAgo
{
    display: inline;
    color: #999;
    font-family:Calibri;
    font-size: 13px;
}

.deleteComment
{
    color: #999; 
    cursor:pointer;   
    font-size: 13px;
    font-family:Calibri;
}

.setThirty
{
    cursor: pointer;
    font-size: 13px;
    font-family:Calibri;
}


.moreCommentsContainer
{
    margin: 0 0 3px 55px;
    background: #EDEFF4;
    width: 375px;
    padding: 3px 0 3px 5px;
}

.loadingGif
{
    text-align: center;        
}


#loadingContainer
{
     background-colr:gray;
     text-align:center;
     
     filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* end newsfeed */

/* feedcomment */

#loadMoreFeed
{
    background: #FAFAFA;
    float: left;
    height: 30px;
    width: 380px;
    font-size: 13px;
    font-family:Calibri;
    color:#0072bc;
    vertical-align:middle;
    text-align: center;
    cursor: pointer;
    padding-top:13px;
}

.feedComment
{
    margin: 0 0 3px 55px;
    background: #EDEFF4;
    width: 380px;
    padding: 0 0 5px 0;
}

.commentPostImg
{
    padding: 5px 3px 3px 5px;   
    float: left;	
	margin-right: 3px;
    height: 35px;
    width: 35px;
}


.feedCommentContent
{
    display: table-cell;
    font-family:Calibri;
    font-size: 13px;
    word-wrap:break-word;
    word-break:break-all;
}

.contentText
{
    position:static;
    word-wrap: break-word;
     width:380px;
   
     float:left;
}

.newFeedCommentContent
{
   padding: 5px 5px 5px 5px;   
}

.newFeedcommentInput
{
    width: 360px;
    height: 10px;
	color: gray; 
}

.newFeedcomment
{
    margin: 0 0 3px 55px;
    background: #EDEFF4;
    width: 380px;
    display: none;    
}

.commentSubmit, .newsfeedSubmit
{
    cursor: pointer;
}


.moreComments
{
     font-family:Calibri;
     font-size:13px;
}

/* end feedcomment */

/* Begin like */



.likeContainer
{
    margin: 0 0 3px 55px;
    background: #EDEFF4;
    width: 550px;
    font-family:Calibri;
    font-size: 13px;
    padding: 3px 0 3px 0;  
}

/* End like */

div.ThumbNailImg
{
    margin-right: 65px;
    margin-bottom:10px;
}



  .commentPart
  {
     margin-bottom:5px;
     background-color:#EEEEEE;
     width:100%;
     text-align:left;
     margin-bottom:3px;
  }
  
  .commentContent
  {
       float:left;
  }
  
  .commentPart a:visited 
  {color: #0C4B9D;
	text-decoration: none;
  }
  
   .commentPart a:hover 
  { 
      color: #0C4B9D;
	 text-decoration:underline;
  } 
  
  .spContent
  {
      word-break:break-all; 
      width:100%;
      padding-right:5px;
      font-family:Calibri;
      font-size: 13px;
  }



 /*alertWindow*/
 .container
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: White;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


.outContainer
{
	position: absolute;
	left: 36%;
	top: 35%;
	background-color: White;
	width:365px;
}

.dialogWin
{
    width:365px;
}

.titleClass
{
    width:365px;
	top: 0px;
	left: 0px;
	font-size: 14px;
	height: 40px;
	color: black;
	font-weight: bold;
	cursor: move;
	text-align: left;
	vertical-align: middle;
	border-top: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	vertical-align: middle;
	padding-top: 6px;
	padding-left: 10px;
	background-image:url('/_layouts/JM.JCY.Resource/images/header_Dialog.png');
	background-repeat:no-repeat;
}

.mainBody
{
    width:365px;
	left: 0px;
	height: 100%;
	border-top: 0px solid black !important;
	border-right: solid 0px black !important;
	border-left: solid 0px black !important;
	border-bottom: solid 0px black !important;
	background-image:url('/_layouts/JM.JCY.Resource/images/border_Dialog.png');
	background-repeat:repeat-y;
    background-position:-1px 0px;
	padding:10px;
	text-align:center;
	
}

.bodyLeftBorder
{
   border-top : 0px solid black !important;
	border-right: solid 0px black !important;
	border-left: solid 1px black !important;
	border-bottom: solid 0px black !important;
}

.bodyRightBorder
{
    border-top : 0px solid black !important;
	border-right: solid 1px black !important;
	border-left: solid 0px black !important;
	border-bottom: solid 0px black !important;
	background-color:White;
	vertical-align:top;
	padding-top:10px;
}


.alertIcon
{
	position: relative;
	top: 0px;
	left: 0px;
	width:90px;
	display: inline;
	float: left;
	vertical-align: top;
	border: 1px;
}
.txtMsgContainer
{
	width: 350px;
	float: left;
	word-wrap: break-word;
	text-align: left;
	color: #000027;
	line-height: 25px;
	display: inline;
	font-size: 14px;
	cursor: default;
	height: 100%;
	vertical-align: middle;
}

#alertTitle
{
     width:200px;
}

.dialogBottomBorderStyle
{
	background-color:White;
	border-right: solid 0px black !important;
	border-left: solid 0px black !important;
	border-bottom: solid 0px black !important;
	border-top: solid 0px black !important;
	background-image:url('/_layouts/JM.JCY.Resource/images/bottom_Dialog.png');
	background-repeat:no-repeat;
	width:365px;
	height:11px;
}

.wrapper
{
    width: 98%;
    min-height: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-top: 10px;
}

.basic
{
    width: 100%;
    float: left;
    font-size: 20px;
    font-family: calibri;
}

.basic-left
{
    width: 26%;
}

.basic-left img
{
    border: 1px solid gray;
}

.basic-right
{
    width: 74%;
}

.staff-name
{
    font-size: 30px;
    font-weight: bold;
    font-family: Calibri;
}

.field span
{
    font-size: 20px;
    font-family: Calibri;
}

.field1 span
{
    font-size: 16px;
    font-family: Calibri;
}

.main-left
{
    width: 60%;
    min-height: 100%;
}

.main-right
{
    width: 38%;
    min-height: 100%;
}

.section
{
    background-color: #EEEEEE;
    border: 1px solid #B8B8B8;
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}

.info-section
{
    margin-bottom: 10px;
}

.biggerFont
{
    vertical-align: top;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

/*Rounded Table Style, Add by Jiang Min on 30/06/2011*/
/*Begin*/
#roundedTableContent
{
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    width: 1260px;
    height: 100%;
    border-right-color: #B8B8B8;
    border-left-color: #B8B8B8;
}

.roundedTable1, .roundedTable2, .roundedTable3
{
    height:1px;
    overflow:hidden;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left:3px; background:#B8B8B8;
    width:1254px;
    border-right-color: #B8B8B8;
    border-left-color: #B8B8B8;
}

/*End*/

/*polling bage container*/
.ps_badgeContainer
{
    display:none;
}
/*end*/

span.confirmed {
	color:#4CC552;
	font-weight: bold;
}

span.removed {
	color:#FF0000;
	font-weight: bold;
}

span.closed {
	color:#D4A017;
	font-weight: bold;
}


/*style for gridView
added by luojianchun 20/9/2011
*/
 .GridHeadStyle
   {
       font-size:13px;
       font-family:Calibri;
   }
   
   .GridHeadStyle th
   {
         border-left:0 solid white;
       border-right:0 solid white;
       border-top:0 solid white;
       border-bottom:2px solid #b8b8b8;
        padding:8px;
        text-align:left;
   }
   
   .newsfeedPostApplication_a
   {
       font-size:13px;
       font-family:Calibri;
   }
   
   .GridRowStyle
   {
        font-size:13px;
        font-family:Calibri;
   }
   
   .GridRowStyle td
   {
        padding:8px;
         border-bottom:1px solid #eeeeee;
   }
   
   .GridLastRowStyle
   {
        font-size:13px;
        font-family:Calibri;
   }
   
   .GridLastRowStyle td
   {
      padding:8px;
      border-width:0px;
   }


    .NoRecordMsg
    {
        color: Red; 
        display: none; 
        font-size: 13px; 
        font-family: calibri;
        padding-left: 13px;
    }
   
     .NoRecordMsgBlank
    {
        color: Black; 
        font-size: 13px; 
        font-family: calibri;
        padding-left: 13px;
    }